@import url("system.css");
html {overflow-x:hidden; width:100%; height:100%;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;color:#333;font-family:"微软雅黑";}
td, th { word-wrap:break-word; word-break:break-all; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{ font-size:12px;}
li{list-style:none; font-size:12px;}
img { border:0; }
.clear { clear:both; }
a { text-decoration:none;font-size:12px;color:#333;font-family:"微软雅黑";transition:all .2s ease;}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
body { font-family:"微软雅黑";height:100%;width:100%; font-size:12px;}
.z{ float:left;}
.y{ float:right;}
.fl{ float:left;}
.fr{ float:right;}
.mt5{margin: 5px 0 0 0;}
.mt10{margin: 10px 0 0 0;}
.mt15{margin: 15px 0 0 0;}
.mt20{margin: 20px 0 0 0;}
.mt25{margin: 25px 0 0 0;}
.mt30{margin: 30px 0 0 0;}
.wrap{width: 1100px;margin: auto;}
.clear{clear:both; width:auto;}

.headbg{width:100%; height:30px; background:#023e9d;}
.head{width:1100px; height:30px; margin:0 auto;}
.headl{background:url(images/index1.jpg) no-repeat left; color:#fff; line-height:30px; height:30px; padding-left:40px; overflow:hidden;}
.heady{ color:#fff;}
.heady a{color:#fff; line-height:30px; height:30px;}
.heady a:hover{color:#ff4200;}
.yuyan{ width:180px;height:30px;}
.yuyan ul li{float:left; margin-left:10px; line-height:30px;}
.yuyan ul li.n1{background:url(images/cn.jpg) no-repeat left;}
.yuyan ul li.n2{background:url(images/en.jpg) no-repeat left;}
.yuyan ul li a{font-size:12px; color:#fff;}
.yuyan ul li a:hover{color:#ff0000;}

.topbg{width:100%; height:114px; background:url(images/index2.jpg) repeat-x;}
.top{width:1100px; height:114px; margin:0 auto; position:relative; z-index: 100;}
.logo{ margin-top:30px; }
.nav{ width:700px; height:114px; z-index:9999;}
.nav .nav_list{ float:right;}
.nav li{float:left;height:114px; width:105px;background:url(images/index3.jpg) no-repeat right; position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; width:105px; height:70px; text-align:center; padding-top: 44px;}
.nav li a p{color: #a7a7a7;}
.nav li a:hover p{color: #fff;}
.nav li a:hover{ text-decoration:none;}
.nav li a span{float:left;display:block; width:105px;cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#333; font-size:13px;}
.nav li a.se{ background:url(../images/nav_hover.jpg) no-repeat bottom; color:#fff;}
.nav li a.se span{  color:#fff;}
.nav li a.se2{ background:url(../images/nav_hover.jpg) no-repeat bottom; color:#fff;}
.nav li.se .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:114px;left:0px; background:#1678d5;}
.nav li .submenu{width:105px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0;background:none;height:35px; line-height:35px;}
.nav li .submenu li a{float:none;padding:0;text-align:center; font-family:"Microsoft YaHei";height:35px;line-height:35px;background:none; color:#fff;width:105px;}
.nav li .submenu li a:hover{background:#da2121;font-weight:normal; color:#fff; text-decoration:none;display: block;}

/*banner*/
.banner{width:100%; height:580px; margin:0 auto;background: url(../images/banner.jpg) no-repeat center top;position: relative;}
.banner ul{padding: 275px 0 0;}
.banner ul li{float: left;margin: 0 5px;}
.banner .albb{width: 306px;height: 79px;display: block;margin:30px auto;}


.bt{padding: 30px 0;}
.bt p{text-transform: uppercase;text-align: center;font-size: 24px;color: #b2b2ba;}
.bt h3{text-align: center;font-size: 22px;color: #000;background: url(../images/bt_bg.gif);line-height: 48px;}
/*产品*/
.pro_bg{width: 100%;background: #f5f5f5;padding:0 0 30px  ;}
.xf-m02-l{width:194px;float:left;background-color:#1978d6}
.xf-m02-r{width:885px;float:right;}
.xf-m03{height:56px;margin-top:20px;background-image:url(../images/bg02.jpg);}
.xf-m03 h1{width:285px;float:left;display:block;height:56px;line-height:56px;text-indent:63px;font-size:16px;color:#fff;text-align:left;font-weight:400;letter-spacing:1px;}
.xf-m03 h2{width:500px;float:right;display:block;margin-right:15px;height:56px;line-height:56px;color:#fff;letter-spacing:1px;font-weight:400;text-align:right;font-size:16px;}
.xf-m04{margin-top:50px;height:223px;background-image:url(../images/bg03.jpg);background-position:top center;background-repeat:no-repeat;}
.xf-m04 .w-1100 h1{display:block;padding-top:45px;height:46px;font-size:22px;color:#0eadca;text-align:left;font-weight:400;}
.xf-m04-nr{width:700px;height:80px;text-align:left;color:#3f3f3f;font-size:15px;overflow:hidden;line-height:170%;}
/*--- 产品类别 ---*/
.prod_type{}
.prod_type ul{margin:0px;float:none;padding:10px;background: url(../images/pro_nav_bg.jpg);}
.prod_type ul li{text-indent:30px;margin-bottom:0px;border-bottom: 1px dotted #bdcfeb;}
.prod_type ul li a{padding:15px 0;text-decoration:none;background:url(../images/tu05.gif) no-repeat 15px 22px;display: block;font-size: 14px;}
.prod_type ul li a:hover{color: #da2121;}
.prod_type ul li ul{margin:0px;padding: 0px;}
.prod_type ul li ul li{border:0px;padding:0px;background-position:0px 8px;background:url(../images/tu05.jpg) no-repeat left top;height:30px;width:250px;}
.prod_type ul li ul li a{padding: 2px 0;background: none;}
.prod_type ul li ul li a:hover{color: #da2121;}
.prod_type ul li,.prod_type ul li a,.prod_type ul li a:visited{color:#fff;}
.prod_type p{width: 100%;height: 70px;line-height: 70px;font-size: 23px;color: #fff;background: #da2121;text-align: center;}

.part3{padding-top:20px;width:885px;overflow:hidden;}
.part3-2{color:#000;line-height:170%;}
.part3-2 dl{float:left;margin-right:21px;margin-bottom:20px;position:relative;width:240px;border: 1px solid #dedede;background: #fff;}
.part3-2 dl:first-child{margin-left:0;}
.part3-2 dl .title{text-align: center;padding: 10px 0;}
.part3-2 .title span{display:block;}
.part3-2 .title .title2{color:#004dc8;font-size:12px;line-height:22px;}
.part3-2 .title .title4 a.more{color:#1c1c1c;font-size:14px;display: block;border: 1px solid #cbcbcb;border-radius: 6px;width: 110px;padding:0px;margin: 5px auto 0 auto;}
.part3-2 .title .title4 a.more:hover{background: #da2121;color: #fff;border: 1px solid #fff;}
.part3-2 dl .addtime{margin-left:50px;}
.part3-2 dl .top-img{display:none;left:0;position:absolute;top:0;}
.part3-2 dl:hover .top-img{display:block;}
.part3 .part3-2 dl:hover .title,.part3 .part3-2 dl:first-child .title{background:rgba(0,0,0,0) url("../images/img_17.jpg") no-repeat scroll 0 0;}


.xwdt{width:580px; overflow:hidden;}
.xwdtlist{width:1100px; margin:0 auto;}
.xwdtlist ul li{ margin-bottom:30px; width:520px;  padding:13px 20px 13px 0px; overflow:hidden;float: left;margin: 0 10px 20px 0;border-bottom:1px dotted #c7c7c7;}
.xwdtlist ul li span{width:75px; height:60px; float:left;background: #959595;color: #fff;text-align: center;font-size: 15px;padding: 15px 0 0;}
.xwdtlist ul li:hover span{background: #da2121;color: #fff;}
.xwdtlist ul li span b{font-size: 20px;}
.xwdtlist ul li p{width:420px; float:right; margin-top:3px;}
.xwdtlist ul li p.t a{font-size:16px; color:#333;}
.xwdtlist ul li p.t a:hover{color:#da2121;}
.xwdtlist ul li p.f{font-size:12px; color:#999; line-height:24px;}





/*产品*/
#product_list{width:1128px;border:1px solid #cccccc;margin:37px auto 0;padding:35px;background:#fff; overflow:hidden;}
#product_list .p_detail{width:268px;height:100px;line-height:24px;text-align:center;position:absolute;top:272px;background:rgba(255,255,255,0.9);}
#product_list .p_detail_de{width:248px;height:30px;padding:10px; line-height:18px;}
#product_list .p_detail_an{ display:block;width:142px;height:24px;border:1px solid #e2e2e2;border-radius:10px;line-height:24px;text-align:center;margin:10px auto 0;}
#product_list li{float:left;width:268px;height:325px;margin:0 6px 24px;border:1px solid #e1e1e1;background:#fff;display:inline;position:relative;overflow:hidden;}
#product_list dt{height:38px;border-bottom:1px solid #e2e2e2;line-height:38px;text-align:center}
#product_list li:hover{border:1px solid #f15b10;outline:2px solid #f15b10}
#product_list li:hover a{color:#fff}
#product_list li:hover .p_detail_an{background:#f15b10;color:#fff}
#product_list li:hover dt{background:#f15b10;color:#fff}


.container { width:100%; height:100%;}
.section { width:100%; height:100%;}
.login{ width:630px; height:350px; margin:0 auto; overflow:hidden; position:absolute;}
.login-top{width:580px;height:250px; background:#E9F8FD; border-radius:5px 5px 0px 0px; padding:25px;}
.login-top-left{ float:left; width:289px;height:250px; border-right:1px #D6F2FC solid; text-align:center;}
.login-top-left .logo { margin-top:90px; width:158px; height:77px; margin-left:50px;}
.login-top-left .logo a img{ width:158px; height:77px;}
.login-top-left .slogan{ line-height:40px; font-size:14px; margin-top:30px; text-align:center;}

.login-top-right{ float:right; width:290px;height:250px;}
.login-top-right .logo { margin-top:90px;  width:158px; height:77px;margin-left:70px;}
.login-top-right .logo a img{  width:158px; height:77px;}
.login-top-right .slogan{ line-height:40px; font-size:14px; margin-top:30px; text-align: center;}

.btn-login{ border:0; cursor:pointer; width:315px; line-height:40px;height:40px;background:#0888e6; color:#FFF; font-size:14px; font-weight:bold; border-radius:4px;
background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));background: linear-gradient(top, #42abf8, #0888e6);}
.login-bot{ width:630px;height:50px; line-height:50px; text-align:center; background:#22628C;border-radius:0px 0px 5px 5px}
.login-bot p{ color:#ABBDCE; font-size:12px;}
.login-bot a{ color:#ABBDCE; font-size:12px;}
.login-bot a:hover{color:#fff600;}

/*资质荣誉*/
/* 多个左滚动 - 图片- 公用类 */
.leftLoop1{ overflow:hidden; position:relative;width: 580px;}
.leftLoop1 .hd{ overflow:hidden;  height:30px;  }
.leftLoop1 .hd .prev,.leftLoop1 .hd .next{ display:block;  width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url("../images/icoLeft.gif") no-repeat;}
.leftLoop1 .hd .next{ background:url("../images/icoRight.gif") no-repeat;  }
.leftLoop1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
.leftLoop1 .hd ul li.on{ background:#f00;  }
.leftLoop1 .bd{ padding:10px;   }
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop1 .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden;  }
.leftLoop1 .bd ul li img{width: 257px;height: 175px;}


/*案例滚动*/
#demokk{overflow:hidden;width:1100px;}
#demokk .demowrap{overflow:hidden;width:30000px;}
#demokk .demowrap li{float:left;margin:0 10px 12px 10px;display:inline;width: 230px;}
#demokk .demowrap li a{display: block;width: 230px;height: 164px;position: relative;}
#demokk .demowrap li a span{text-align: center;height: 25px;line-height: 25px;position: absolute;display: none;background: url(images/imgbg.png);}
#demokk .demowrap li a:hover span{display: block;width: 210px;height:119px;left: 6px;top: 6px;padding: 50px 10px 0 10px;}
#demokk .demowrap li a span h3{font-size: 20px;color: #fff;}
#demokk .demowrap li a span p{font-size: 14px;color: #fff;margin: 50px;}
#demokk .demowrap ul li a img{border:1px solid #e8e8e8;padding: 5px;background: #fff;}
#demokk .demowrap ul li a:hover img{border:1px solid #da2121;}
#marquePic3{float:left;height: 240px;width: 1920px;}
#marquePic4{float:left;height: 240px;width: 1920px;}

/*产品双行滚动*/
#demo{overflow:hidden;width:885px;}
#demo .demowrap{overflow:hidden;width:30000px;}
#demo .demowrap li{float:left;margin:0 10px 12px 10px;display:inline;width: 269px;}
#demo .demowrap li a{display: block;width: 269px;height: 194px;position: relative;}
#demo .demowrap li a span{width: 249px;text-align: center;display: block;position: absolute;left: 0px;top: 0px;height: 144px;background: url(images/imgbg.png) repeat;display: none;padding: 50px 10px 0 10px;}
#demo .demowrap li a span h3{font-size: 20px;}
#demo .demowrap li a span p{font-size: 14px;color: #fff;margin: 50px;}
#demo .demowrap li a:hover span {display: block;color: #fff;}
#demo .demowrap li a:hover span h3{color: #fff;}
#demo1{float:left;height: 500px;width: 1578px;}
#demo2{float:left;height: 500px;width: 1578px;}

/*关于我们*/
.about_bg{background: url(../images/about_bg.jpg);padding: 30px 0;height: 473px;overflow: hidden;}
.intro{width: 444px;height: 492px;}
.intro a{background: #fff;display: block;}
.intro a img{font-size: 0px;line-height: 0px;}
.intro a .txt{padding: 20px 25px;height: 220px;line-height: 30px;}
.intro a .txt h3{font-size: 20px;font-weight: bold;}
.intro a .txt p{line-height: 28px;margin: 10px 0 0;}
.intro a .txt span{float: right;}
.ab_r{width: 620px;}
.wenhua a{background: #fff;display: block;}
.wenhua img{float: left;padding: 15px;}
.wenhua .txt{float: left;padding: 20px;padding-left:0px;width: 415px;line-height: 30px;}
.wenhua h3, .zz h3{font-weight: bold;}
.wenhua h3, .wenhua p{color: #333;}
.wenhua h3{font-size: 20px;}
.wenhua p{padding: 10px 0;line-height: 24px;}
.zz{margin: 30px 0 0;}
.zz a{background: #fff;display: block;}
.zz img{padding: 15px;}
.zz .txt{float: left;padding: 20px;padding-right:0px;width: 415px;line-height: 30px;}
.zz h3, .wenhua p{color: #333;}
.zz h3{font-size: 20px;}
.zz p{padding: 10px 0;line-height: 24px;}




.footbg{width:100%;  background:#333; overflow:hidden;}
.foot{width:1100px; padding:40px 0px; margin:0 auto; overflow:hidden;background: url(../images/foot_bg.jpg) no-repeat left top;}
.foot .text{margin-right: 49px;}
.foot p{color: #c0c0c0;font-size: 14px;padding: 5px 0px;}
.foot h3{color: #da2121;font-size: 25px;margin-bottom: 10px;}
.foot h3 span{color: #d9d9d9;font-size: 14px;}
.foot ul{float: left;text-align: center;padding: 0 45px;border-left: 1px solid #434343;}
.foot ul h2{font-size: 14px;color: #d0d0d0;}
.foot ul span{color: #8e8e8e;}
.foot ul li{margin:15px 0 10px 0;text-align: center;}
.foot ul li a{color: #8e8e8e;}
.foot ul li a:hover{color: #da2121;}
.bottom{background: #1c1c1c;width: 100%;height: 39px;line-height: 39px;}
.bottom p{color: #aaa;}
.bottom a{color:#aaa;}

/*分页*/
.flickr {clear: both;font-family: Verdana;font-size: 12px;margin:30px auto;padding: 0;text-align: center;width: 100%;clear:both}
.flickr span {color: #999;margin-right: 3px;padding: 3px 6px;}
.flickr a {background-position: 50% bottom;border-color: #CD1A1A;border-style: solid;border-width: 1px;color: #333;margin-right: 3px;padding: 3px 6px;text-decoration: none;}
.flickr span.disabled {color: #adaaad;margin-right: 3px;padding: 2px 6px;}
.flickr a:hover {background-color: #CD1A1A;background-image: none;border-style: solid;border-width: 1px;color: #fff;}